<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线留言</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/online_message.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="header">
        <!-- 头部的top -->
        <div class="top">
            <div class="wrapper clearfix">
                <p class="fl">欢迎来到HOUSE家居网！</p>
                <ul class="fr">
                    <li>
                        <img src="./imgs/tel.png" alt="">
                        400-00-000xxx
                    </li>
                    <li>
                        <img src="./imgs/mail.png" alt="">
                        1234567xxx@gmail.com
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部nav部分 -->
        <div class="nav wrapper clearfix">
            <img src="./imgs/logo.png" alt="" class="fl">
            <ul class="fr">
                <li><a href="index.html">首页</a></li>
                <li><a href="about_us.html">关于我们</a></li>
                <li><a href="product_list.html">产品展示</a></li>
                <li><a href="news_list.html">新闻动态</a></li>
                <li><a href="online_message.html">在线留言</a></li>
                <li><a href="call_us.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 海报开始 -->
    <div class="banner">
    </div>

    <!-- 主体部分开始 -->
    <div class="main">
        <div class="main_hd">
            <div class="wrapper">
                首页&gt;&gt;在线留言
            </div>
        </div>
        <!-- 产品展示 -->
        <div class="online_message wrapper clearfix">
            <div class="online_message_title">
                <h2>
                    在线留言
                </h2>
            </div>
            <div class="online_message_left fl">
                <ul>
                    <li>床上用品</li>
                    <li>家居饰品</li>
                    <li>居家日用</li>
                    <li>家居收纳</li>
                    <li>厨房收纳</li>
                    <li>厨房餐饮</li>
                </ul>
                <img src="./imgs/03_f0hi.jpg" alt="">
            </div>
            <div class="online_message_right fr">
                <p>您可以留下您宝贵的意见，我们会在第一时间回复您，谢谢关注！</p>
                <form action="#">
                    <p>
                        您的姓名
                        <span>*</span>
                    </p>
                    <input type="text" name="uname" id="">
                    <p>
                        您的电话
                        <span>*</span>
                    </p>
                    <input type="tel" name="tel" id="">
                    <p>
                        您的邮箱
                        <span>*</span>
                    </p>
                    <input type="email" name="email" id="">
                    <p>
                        咨询项目
                        <span>*</span>
                    </p>
                    <div class="option">
                        <input type="checkbox" name="item" value="床上用品">
                        <span>床上用品</span>
                        <input type="checkbox" name="item" value="家居饰品">
                        <span>家居饰品</span>
                        <input type="checkbox" name="item" value="居家">
                        <span>居家日用</span>
                        <input type="checkbox" name="item" value="收纳用具">
                        <span>收纳用具</span>
                        <input type="checkbox" name="item" value="厨房收纳">
                        <span>厨房收纳</span>
                        <input type="checkbox" name="item" value="厨房餐饮">
                        <span></span>
                    </div>
                    <p>
                        咨询内容
                        <span>*</span>
                    </p>
                    <textarea name="content" id="" c></textarea>
                    <input type="submit" value="提交">
                </form>
            </div>
        </div>
    </div>

    <!-- 页脚开始 -->
    <div class="footer">
        <div class="wrapper clearfix">
            <div class="footer_left fl">
                <ul>
                    <li>
                        <img src="./imgs/logo2.jpg" alt="">
                    </li>
                    <li>
                        <i></i>
                        中国上海市xxx区xxx路12号moumou大厦5层5xx室
                    </li>
                    <li>
                        <i></i>
                        400-000-xxxx / (021)-1234578xxx
                    </li>
                    <li>
                        <i></i>
                        12385963xxxx@gmail.com
                    </li>
                </ul>
            </div>
            <div class="footer_middle fl">
                <h3>快速链接</h3>
                <ul>
                    <li>> 网站首页 </li>
                    <li>> 关于我们</li>
                    <li>> 产品展示</li>
                    <li>> 新闻动态</li>
                    <li>> 在线留言</li>
                    <li>> 联系我们</li>
                </ul>
            </div>
            <div class="footer_right fl">
                <h3>站内搜索</h3>
                <form action="#" class="clearfix">
                    <input type="text" placeholder="请输入关键词">
                    <input type="submit">
                </form>
                <p>关注我们
                    <i></i>
                    <i></i>
                </p>
            </div>
        </div>
        <div class="copyright">
            Copyright ? 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载
        </div>
    </div>
    <!-- 页脚结束 -->
</body>

</html>